﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>成果展示详情</title>
    <link rel="stylesheet" href="css/show.css?V=2" />
    <style>
   
    </style>
    <script src="js/jquery-1.8.2.js"></script>
    <script src="js/layer/layer.js"></script>
    <script src="js/avalon1.47.js"></script>

    <script type="text/javascript">

        var model = avalon.define({
            $id: "cgxq",
            modeldata: {},
            filepic: [],
            filevido: [],
            fileoffice: []
        })
        avalon.ready(function () {
            var ID = getquery("ID");
            $.getJSON("/API/VIEWAPI.ashx?Action=Commanage_GETCG&r=" + Math.random(), { P1: ID }, function (resultData) {
                if (resultData.ErrorMsg == "") {
                    model.modeldata = resultData.Result;
                    model.filepic = resultData.Result1;
                    model.fileoffice = resultData.Result2;
                    model.filevido  = resultData.Result3;

                    //调用示例
                    layer.photos({
                        photos: "#cgtp",
                        area: ['750px', '500px'],
                        anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                    });
                }
            });
            $(".sp").live('click', function () {
                var spid = $(this).attr("spid");
                //iframe层-多媒体
                layer.open({
                    type: 2,
                    title: '',
                    area: ['750px', '500px'],
                    shade: 0.8,
                    shadeClose: true,
                    content: '/CGSBWEB/video.html?id=' + spid
                    //content: '/CGSBWEB/video.html?id=' + spid
                });
                top.window.model.stop();
            })
        })



        function getquery(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;
        }
    </script>
</head>

<body style="background: #fff;">
    <div class="cont-box" ms-controller="cgxq">
        <div class="cont-center" style="padding: 0px">

            <div class="news overflow mt15">
                <div class="pull-right right-box" style="width: 100%">
                    <div class="border-cont">

                        <div class="detail-cg news-detail">
                            <h1 class="title">{{modeldata.Name}}</h1>
                            <table class="detail-table mt15">
                                <tr>
                                    <td class="gree">项目申报单位：</td>
                                    <td>{{modeldata.FinishGroup}}</td>
                                    <td class="gree">成果类别：</td>
                                    <td>{{modeldata.Type==2?"班组创新":"优秀QC成果"}}</td>

                                </tr>
                                <tr>
                                    <td class="gree">完成班组：</td>
                                    <td>{{modeldata.FinishGroup}}</td>
                                    <td class="gree">主要人员：</td>
                                    <td>{{modeldata.FinishUser}}</td>

                                </tr>
                                <tr>
                                    <td class="gree">获奖情况：</td>
                                    <td>{{modeldata.Reward}}</td>
                                    <td class="gree"></td>
                                    <td></td>

                                </tr>
                            </table>
                            <div ms-if="modeldata.Type==2">
                                <div class="mt20">
                                    <div class="border-top mb15">
                                        成果概述
                                    </div>
                                    <div class="ml15 mr15">
                                        <p class="c666">{{modeldata.Singles|html}}</p>
                                    </div>

                                </div>
                                <div class="mt20">
                                    <div class="border-top mb15">
                                        成果创新性及先进性
                                    </div>
                                    <div class="ml15 mr15">
                                        <p class="c666">{{modeldata.Details|html}}</p>
                                    </div>

                                </div>
                                <div class="mt20">
                                    <div class="border-top mb15">
                                        主要功能用途与成果成熟性
                                    </div>
                                    <div class="ml15 mr15">
                                        <p class="c666">{{modeldata.Functions|html}}</p>
                                    </div>

                                </div>
                            </div>
                            <div ms-if="modeldata.Type==6">
                                <div class="mt20">
                                    <div class="border-top mb15">
                                        选题理由
                                    </div>
                                    <div class="ml15 mr15">
                                        <p class="c666">{{modeldata.Reason|html}}</p>
                                    </div>

                                </div>
                                <div class="mt20">
                                    <div class="border-top mb15">
                                        方案实施
                                    </div>
                                    <div class="ml15 mr15">
                                        <p class="c666">{{modeldata.Plans|html}}</p>
                                    </div>

                                </div>
                                <div class="mt20">
                                    <div class="border-top mb15">
                                        实施效果
                                    </div>
                                    <div class="ml15 mr15">
                                        <p class="c666">{{modeldata.Result|html}}</p>
                                    </div>

                                </div>
                                <div class="mt20">
                                    <div class="border-top mb15">
                                        应用及推广情况
                                    </div>
                                    <div class="ml15 mr15">
                                        <p class="c666">{{modeldata.Prospects|html}}</p>
                                    </div>

                                </div>
                            </div>
                            <div ms-if="filepic.size()>0" class="mt20">
                                <div class="border-top mb15 tab" style="width: 58px; text-align: center; cursor: pointer" divid="cgtp">
                                    图片
                                </div>


                                <ul class="cg-show overflow layer-photos-demo" id="cgtp">
                                    <li ms-repeat-el="filepic" style="width: 25%">
                                        <a>
                                            <div class="cg-item" style="margin-left: 0px; margin-right: 5px">
                                                <div class="cg-item-img ">
                                                    <img style="width: 100%;" ms-src="/{{el.FileUrl}}" ms-attr-layer-src="/{{el.FileUrl}}"  ms-attr-alt="{{el.FileOldName}}" onerror="javascript:this.src='/app/images/1.png'" />
                                                </div>
                                                <div class="cg-item-cont " style="border: 0px">
                                                    <div class="c333 word-break ">{{el.FileOldName}}</div>
                                                </div>
                                            </div>
                                        </a>
                                    </li>

                                </ul>


                            </div>
                            <div ms-if="filevido.size()>0">
                                <div class="border-top mb15" style="width: 58px; text-align: center; cursor: pointer">
                                    视频
                                </div>
                                <ul class="cg-show overflow layer-photos-demo">
                                    <li ms-repeat-el="filevido" style="width: 25%; cursor: pointer">
                                        <a>
                                            <div class="cg-item sp" ms-attr-spid="{{el.ID}}">
                                                <div class="cg-item-img ">
                                                    <img style="width: 100%;" src="/app/images/SP.jpg" ms-attr-alt="{{el.FileOldName}}" />
                                                </div>
                                                <div class="cg-item-cont ">
                                                    <div class="c333 word-break ">
                                                        {{el.FileOldName}}
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</body>

</html>
